
<div class="card">
    <div class="card-head">
     <button class="btn btn-primary" (click)="addNews()">添加</button>


    <div class="card-body">


<table class="table">
    <tr>
    <th>排序</th>
    <th>主键</th>
    <th>标题</th>
    <th>作者</th>
    <th>发布时间</th>
    <th>内容</th>
    <th>操作</th>
    </tr>
    <tr *ngFor="let n of nl">
        <td>{{n.px}}</td>
        <td>{{n.newsid}}</td>
        <td>{{n.title}}</td>
        <td>{{n.author}}</td>
        <td>{{n.pbdate}}</td>
        <td>{{n.newsid}}</td>
        <td>{{n.content}}</td>
        <td>
            <button class="btn btn-warning" (click)="editNews(n.newsid)">修改</button>
            <button class="btn btn-danger">删除</button>
        </td>
    </tr>
</table>
</div>

<div class="card-foot"></div>

<nav aria-label="Page navigation example">
    <ul class="pagination">
     <li class="page-item"><a class="page-link" href="#">Previous</a></li>
     <li class="page-item"><a class="page-link" href="#">1</a></li>
     <li class="page-item"><a class="page-link" href="#">2</a></li>
     <li class="page-item"><a class="page-link" href="#">3</a></li>
     <li class="page-item"><a class="page-link" href="#">Next</a></li>
    </ul>
</nav>

</div>

</div>
<div class="card">
  



</div>



